<!DOCTYPE html>
<html>

	<!--监控页-->
	<!-- Mirrored from www.zi-han.net/theme/hplus/index_v5.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:18:51 GMT -->
	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">


		<title></title>

		<link rel="shortcut icon" href="favicon.ico">
		<link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
		<link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

		<link href="css/animate.min.css" rel="stylesheet">
		<link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">

		<style type="text/css">
			.p-0 {
				padding: 0 !important;
			}

			.p-1 {
				padding: 15px !important;
			}
		</style>

	</head>

	<body class="gray-bg top-navigation">

		<div id="wrapper">
			<div id="page-wrapper" class="gray-bg">
				<div class="row border-bottom white-bg">
					<nav class="navbar navbar-static-top" role="navigation">
						<div class="navbar-header">
							<button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed"
							 type="button">
								<i class="fa fa-reorder"></i>
							</button>

						</div>
						<div class="navbar-collapse collapse" id="navbar">
							<ul class="nav navbar-nav">
								<li class="active">
									<a aria-expanded="false" role="button" href="index-2.html"> 返回首页</a>
								</li>



								<ul class="nav navbar-top-links navbar-right">
									<li>
										<a href="login.html">
											<i class="fa fa-sign-out"></i> 退出
										</a>
									</li>
								</ul>
						</div>
					</nav>
				</div>

				<div class="wrapper wrapper-content">

					<div class="container">
						<div class="row">


							<div class="col-md-9">
								<div class="col-md-3">
									<div class="ibox float-e-margins">
										<div class="ibox-title">

											<h5>今日总交易额</h5>
										</div>
										<div class="ibox-content">
											<h3 class="no-margins">123,356,466</h3>
											<div class="stat-percent font-bold text-success"> <i class="fa fa-bolt"></i>
											</div>
											<small></small>
										</div>
									</div>
								</div>
								<div class="col-md-3">
									<div class="ibox float-e-margins">
										<div class="ibox-title">
											<span class="label label-info pull-right"></span>
											<h5>销售目标完成率</h5>
										</div>
										<div class="ibox-content">
											<h3 class="no-margins">92%</h3>


										</div>
									</div>
								</div>

								<div class="col-md-3">
									<div class="ibox float-e-margins">
										<div class="ibox-title">
											<span class="label label-info pull-right"></span>
											<h5>活动剩余时间</h5>
										</div>
										<div class="ibox-content">
											<h3 class="no-margins">01：10：10</h3>
										</div>
									</div>
								</div>
								<div class="col-md-3">
									<div class="ibox float-e-margins">
										<div class="ibox-title">
											<span class="label label-info pull-right"></span>
											<h5>每秒交易总额</h5>
										</div>
										<div class="ibox-content">
											<h3 class="no-margins">234元</h3>
										</div>
									</div>
								</div>

								<div class="col p-1" style="margin-bottom: 10px;">
									<div class="ibox float-e-margins" style="margin: 0;">
										<div class="ibox-title">
											<h5>中国地图</h5>
											<div class="ibox-tools">
												<a class="collapse-link">
													<i class="fa fa-chevron-up"></i>
												</a>
												<a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">
													<i class="fa fa-wrench"></i>
												</a>
												<ul class="dropdown-menu dropdown-user">
													<li><a href="graph_flot.html#">选项1</a>
													</li>
													<li><a href="graph_flot.html#">选项2</a>
													</li>
												</ul>
												<a class="close-link">
													<i class="fa fa-times"></i>
												</a>
											</div>
										</div>
										<div class="ibox-content">
											<div class="ibox-content">
                    <!--百度地图容器-->
                    <div style="height:255px;" id="dituContent"></div>
                </div>
										</div>
									</div>
								</div>


								<div class="col-md-8">
									<div class="ibox float-e-margins">
										<div class="ibox-title"> 
											<h5>各类品所占比</h5>
											<div class="ibox-tools">

												<span class="label label-primary"></span>
											</div>
										</div>
										<div class="ibox-content no-padding" >
					 							
										 <img src="img/1608636191(1).png" style="float: left;margin-top: 8%;margin-left: 8%;">
										 <img src="img/1608636265(1).png"style="float: left;margin-top: 8%;margin-left: 8%;" >
										 <img src="img/1608641884(1).png"style="margin-top: 8%;margin-left: 5%;" >
												
											
											


											<div class="flot-chart m-t-lg" style="height: 70px;">
												<div class="flot-chart-content" id="flot-chart1"></div>
											</div>
										</div>

									</div>
								</div>
								<div class="col-md-4">
									<div class="ibox float-e-margins">
										<div class="ibox-title">
											<h5>资源剩余</h5>
											<div class="ibox-tools">

												<span class="label label-primary"></span>
											</div>
										</div>
										<div class="ibox-content no-padding">
											
											<img src="img/1608636404(1).png" height="150px" class="center-block"style="margin-top: 10%;">
											<div class="flot-chart m-t-lg" style="height: 70px;">
												<div class="flot-chart-content" id="flot-chart1"></div>
											</div>
										</div>

									</div>
								</div>

							</div>


							<div class="col-sm-3">
								<div class="ibox float-e-margins">
									<div class="ibox-title">
										<h5>月收入<small></small></h5>
										<div class="ibox-tools">
											<a class="collapse-link">
												<i class="fa fa-chevron-up"></i>
											</a>
											<a class="dropdown-toggle" data-toggle="dropdown" href="graph_morris.html#">
												<i class="fa fa-wrench"></i>
											</a>
											<ul class="dropdown-menu dropdown-user">
												<li><a href="graph_morris.html#">选项1</a>
												</li>
												<li><a href="graph_morris.html#">选项2</a>
												</li>
											</ul>
											<a class="close-link">
												<i class="fa fa-times"></i>
											</a>
										</div>
									</div>
								<div class="ibox float-e-margins">
									<div class="ibox-title">
										<h5>劵核销率</h5>
										<div class="ibox-tools">

											<span class="label label-primary"></span>
										</div>
									</div>
									<div class="ibox-content no-padding">

										<img src="img/下载%20(3).png" height="100%" class="center-block" width="100%">
										<p style="text-align: center;margin-bottom: 20px;">合格率86%</p>
									</div>

								</div>

								<div class="ibox float-e-margins">
									<div class="ibox-title">
										<h5>资源剩余</h5>
										<div class="ibox-tools">

											<span class="label label-primary"></span>
										</div>
									</div>
									<div class="ibox-content no-padding">
										
										<img src="img/1608642553(1).png"style="margin-top: 8%; margin-left: 7%;" >
										<div class="flot-chart m-t-lg" style="height: 70px;">
											<div class="flot-chart-content" id="flot-chart1"></div>
										</div>
									</div>

								</div>

							</div>



						</div>


					</div>
				</div>
			</div>

		</div>
		</div>
		<script src="js/jquery.min.js?v=2.1.4"></script>
		<script src="js/bootstrap.min.js?v=3.3.6"></script>
		<script src="js/plugins/echarts/echarts-all.js"></script>
		<script src="js/content.min.js?v=1.0.0"></script>
		<script src="js/demo/echarts-demo.min.js"></script>
		<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
    }

    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(113.61228,34.745839);//定义一个中心点坐标
        map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }

    //标注点数组
    var markerArr = [{title:"电缆技工学校",content:"电缆技工学校",point:"113.612231|34.745914",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
    ];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0,p1);
            var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
            var iw = createInfoWindow(i);
            var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
            marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                borderColor:"#808080",
                color:"#333",
                cursor:"pointer"
            });

            (function(){
                var index = i;
                var _iw = createInfoWindow(i);
                var _marker = marker;
                _marker.addEventListener("click",function(){
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("open",function(){
                    _marker.getLabel().hide();
                })
                _iw.addEventListener("close",function(){
                    _marker.getLabel().show();
                })
                label.addEventListener("click",function(){
                    _marker.openInfoWindow(_iw);
                })
                if(!!json.isOpen){
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i){
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json){
        var icon = new BMap.Icon("http://map.baidu.com/image/us_cursor.gif", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }

    initMap();//创建和初始化地图
</script>
	</body>


	<!-- Mirrored from www.zi-han.net/theme/hplus/index_v5.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:18:52 GMT -->
</html>
